<template>
    <div>
        <div>
            <el-input
                    class="addPosInput"
                    size="small"
                    placeholder="请选择日期"
                    suffix-icon="el-icon-plus"
                    v-model="pos.name">
            </el-input>
            <el-button size="small" icon="el-icon-plus" type="primary">添加</el-button>
        </div>

        <div class="posManaMain">
            <el-table
                    size="small"
                    stripe
                    border
                    :data="positions"
                    style="width: 70%">
                <el-table-column
                        prop="id"
                        label=" 编号"
                        width="55">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="职位"
                        width="120">
                </el-table-column>
                <el-table-column
                        prop="createDate"
                        label="创建时间"
                        width="200">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
    export default {
        name: "PosMana",
        data() {
            return {
                pos: {
                    name: ''
                },
                positions: []
            }
        }
    }
</script>

<style>
    .addPosInput {
        width: 300px;
        margin-right: 8px;
    }

    .posManaMain {
        margin-top: 10px;
    }
</style>
